<template>
  <div class="page-home">
    <div class="home-entry">
      <div class="container">
        <!-- 左侧分类 -->
        <HomeCategory />
        <!-- 轮播图 -->
        <HomeBanner />
      </div>
    </div>
    <!-- 新品推荐 -->
    <HomeNew />
    <!-- 人气火热 -->
    <HomeHot />
    <!-- 热门品牌 -->
    <HomeBrand />
    <!-- 商品区域 -->
    <HomeProduct />
    <!-- 最近专题 -->
    <HomeSpecial />
  </div>
</template>
<script setup>
  import HomeCategory from './home-category.vue';
  import HomeBanner from './home-banner.vue';
  import HomeNew from './home-new.vue';
  import HomeHot from './home-hot.vue';
  import HomeBrand from './home-brand.vue'
  import HomeProduct from './home-product.vue'
  import HomeSpecial from './home-special.vue'
</script>
<style scoped lang="less">
  // @import '../../assets/styles/mixin.less';
  // .container {
  //   // .hoverShadow();
  // }
</style>